﻿* { margin:0; padding:0; }
body { font:12px, Georgia, "Times New Roman", Times, serif; }
		
.popup {
  position:fixed; z-index:9999; top:60px; left:50%; 
  width:500px; height:280px; background:#fff;
    -moz-box-shadow:4px 4px 30px #130507;
    -webkit-box-shadow:4px 4px 30px #130507;
  box-shadow:4px 4px 30px #130507;
    -moz-transition:top 800ms;
    -o-transition:top 800ms;
    -webkit-transition:top 800ms;
  transition:top 800ms;
  z-index: 10000000000000;
}
  .p_content { width:100%; text-align:center; font-size:16px; padding:0px 0 0; background: #474747; }
 
  .p_close {
    float:right; width:16px; height:16px; margin:5px 5px 5px 0; position:relative; z-index:99999;
    
  }
  .p_body {
    background:#000; left:0; top:0; position:fixed; width:100%; height:100%; opacity:0.7;
      -moz-transition:opacity 800ms;
      -o-transition:opacity 800ms;
      -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
  }


/* JS-styles — declaratively */
.js__popup {}
  .js__p_start {}
  .js__p_close {}
  .js__p_body {}
  .js__slide_top { height:0; overflow:hidden; top:0; }
  .js__fadeout { height:0; overflow:hidden; opacity:0; }

